<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>07事件监听</title>
</head>
<body>
    <button onclick="alert('警告框')">弹出警告框</button>
    <button id="btn">我是按钮</button>
    <h4>今天是星期一</h4>


    <script>
        //鼠标点击事件
      let buttonE = document.querySelector('#btn');
      buttonE.addEventListener('click',function(){
          alert('按钮被点击了');
      })
        //鼠标移入事件
      let h4E = document.querySelector('h4');
      h4E.addEventListener('mouseover',function(){
          console.log('标题被悬停了');
      })
        //window对象是一个浏览器内置的全局对象，代表了当前浏览器窗口
        window.addEventListener('resize',function(){
            alert('窗口大小被重置了');
        })
        window.addEventListener('scroll',function(){
            alert('窗口滚动了');
        })
    </script>
</body>
</html>